<!DOCTYPE html>
<html lang="en">

<head>
  <!-- <base href="https://www.sonystyle.com.cn" /> -->
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="https://www.sonystyle.com.cn/etc/designs/sonystyle/clientlib-main.css" type="text/css">
  <link rel="stylesheet" href="https://www.sonystyle.com.cn/etc/designs/sonystyle/clientlib-header.css" type="text/css">
  <link rel="stylesheet" href="https://www.sonystyle.com.cn/etc/designs/sonystyle/clientlib-footer.css" type="text/css">
  <link rel="stylesheet" href="https://www.sonystyle.com.cn/etc/designs/sonystyle/clientlib-popup.css" type="text/css">
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

  <title>“企”梦索尼</title>
  <script src="https://www.sonystyle.com.cn/launch/5dfda41d2da6/5b4609f07f0a/launch-dae6c9bb8cda.min.js"></script>
  <script>
    //页面标签数据采集
    window._dtm_tag_obj = {};
    _dtm_tag_obj.tagtype = 'shjt_pc';
    _dtm_tag_obj['product'] = '“企”梦索尼';
  </script>
  <script type="module" crossorigin src="./assets/index.js"></script>
  <link rel="stylesheet" href="./assets/index.css">
  <script type="module">import.meta.url;import("_").catch(()=>1);async function* g(){};if(location.protocol!="file:"){window.__vite_is_modern_browser=true}</script>
  <script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>

<script src="https://cdphcm.sony.com.cn/hcm.js"></script>
<script>
(function (g, o, f) {
  g[f] =
    g[f] ||
    function () {
      return g[f].q ? g[f].q.push(arguments) : (g[f].q = [arguments]);
    };
  g[o] = f;
})(window, "_HypersConsent", "_hcm");
_hcm('init', (localStorage.getItem('customerID')&&localStorage.getItem('access_token')) ? 14 : 13, {
  api_url: 'https://cdphcm.sony.com.cn',
  ref: 'Sonystyle官网web端',
  noUI: true, // 默认不显示
  userId: (localStorage.getItem('customerID')&&localStorage.getItem('access_token')) ? localStorage.getItem('customerID') : '',
  onClose: function() {setHcmState(true)} // 弹窗关闭后的回调
});
</script>

</head>

<body>
  <div id="header_con"></div>
  <div id="app"></div>
  <!-- <div id="footer_con"></div> -->
  
<div class="sdk_box">    
  <div class="sdk-wrap_box">
    <div id="sdk-wrap" class="sdk-wrap"></div>
    <div class="sdk-wrap_close"><img src="https://www.sonystyle.com.cn/etc/designs/sonystyle/images/login/close.png"></div>
  </div>
  
  <div class="sdk-wrap_box_master"></div>
</div>

      <style type="text/css">
        
.sdk_box{
  display: none;
}
.sdk-wrap_box_master{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0,0,0,.2);
  z-index: 9998;
}


.sdk-wrap_close{
  position: absolute;
  right: 10px;
  top: 10px;
    width: 18px;
    height: 17px;
    /*margin-right: 22px;*/
    cursor: pointer;
    filter: invert(1);

}

.sdk-wrap_close img{
  width: 100%;
}

.sdk-wrap_box{
    position: fixed;
  left: 50%;
  top: 50%;
  width: 1000px;
  max-height: 800px;
  height: 85%;
  transform: translate(-50%, -50%);
  /*height: 500px;*/
  /*margin-left: -500px;*/
  /*margin-top: -250px;*/
  z-index: 9999;
  background: #FFF;
  overflow: auto;
}



.sdk-wrap{
/*  position: absolute;
  left: 50%;
  top: 0%;
  width: 1000px;
  height: 500px;
  margin-left: -500px;
  margin-top: -250px;
  z-index: 9999;
  background: #FFF;*/
}
.warp_list{
  max-width: 1920px;
  margin: 0 auto;
  min-width: 1000px;
  width: 100%;
  position: relative;
}

.warp_list img{
  width: 100%;
}
.warp_pre{
  position: relative;
}




.sdk{
  position: absolute;
  width: calc( 130 / 1920 * 100%);
  height: calc( 37 / 751 * 100%);
  display: block;
  /*background: rgba(0,0,0,.2);*/
  left: calc( 1089 / 1920 * 100%);
  top: calc( 652 / 751 * 100%);
}



      </style>



  <script type="text/javascript"
    src="https://www.sonystyle.com.cn/etc/designs/sonystyle/clientlib-jquery360.js"></script> 
  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  <script type="text/javascript"
    src="https://www.sonystyle.com.cn/etc/designs/sonystyle/clientlib-jquery-cookie.js"></script>
  <script type="text/javascript" src="https://www.sonystyle.com.cn/etc/designs/sonystyle/clientlib-vue.js"></script>
  <script type="text/javascript" src="https://www.sonystyle.com.cn/etc/designs/sonystyle/clientlib-axios.js"></script>
  <script type="text/javascript" src="https://www.sonystyle.com.cn/etc/designs/sonystyle/clientlib-header.js"></script>
  <script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/ncpc/nc.js?t=2015052012"></script>
  <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
  <script nomodule crossorigin id="vite-legacy-polyfill" src="./assets/polyfills-legacy.js"></script>
  <script nomodule crossorigin id="vite-legacy-entry" data-src="./assets/index-legacy.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
<script type="text/javascript">

function initUdesk(obj){
    console.log(obj)
    var token = "" + (token = new Date()).getFullYear() + token.getMonth() + token.getDate() + Math.floor(Math.random(4)*10000);

    var scriptDom = document.createElement("script");
    scriptDom.src = "https://assets-cli.udesk.cn/ticket_sdk/ticket_sdk.js?t="+token;
    document.body.appendChild(scriptDom);

    var styleDom = document.createElement("link");
    styleDom.rel = "stylesheet";
    styleDom.href = "https://assets-cli.udesk.cn/ticket_sdk/ticket_sdk.css?t="+token;
    document.body.appendChild(styleDom);

    scriptDom.addEventListener('load', function() {
        var initobj = {
            // [Required] Must provide subdomain.
            subdomain:'sony.udesk.cn',
            // [Required] Must provide client appId.
            appid:'8917cb597c5ca8e4',
            // [Required] Must provide signature.
            signature: obj.signature,
            // [Required] Must provide type.
            type:'token',
            // [Required] Must provide content.
            content:obj.bpId,
             // container:'sdk'
            defaultUserData:{
               TextField_230821:  obj.aesBpId,
            },
        }

        console.log(initobj)
        window.udesk = UdeskSDK.ticketSDK.init(initobj);
        // Your code goes here...

          udesk.create({
            type: 'all', // new, detail, all
            mode: 'web',
            container: 'sdk-wrap',

          })


    }, false);
}


  $(function(){






    $(document).on('click' ,'.baoming-btn',function(index){
      if(localStorage.customerID){
        try{
          console.log('shjt_pc======try')
          var s=s_gi('sonycnstyle');
          s.tl(this,'o','shjt_pc')
          console.log('shjt_pc====成功')
        }catch(e){}
        
        $('.sdk_box').show();
      }else{
        // $("#login").bPopup()
        $('.logined').trigger('click')

      }

    })



    $(document).on('click' ,'.sdk-wrap_box_master,.sdk-wrap_close',function(index){
       $('.sdk_box').hide();

    })


    if(localStorage.customerID){
      $.ajax({
          url: "https://www.sonystyle.com.cn/service/aicustomerservice/authentic/workClientAuthentic",
          type: "post",
          data: JSON.stringify({
            "type": "token",
            "content":localStorage.customerID,
            "key": 2
          }),
          contentType: "application/json",
          beforeSend: function (xhr) {
              xhr.setRequestHeader("Authorization", "Bearer " + localStorage.getItem("access_token"));
          },
          dataType: "json",
          cache: false,
          success: function (data) {
            if(data&&data.result){
              var returnData = data.returnData
              initUdesk(returnData)
            }
          },
          error: function () {}
      })
    }else{
      // $("#login").bPopup()
    }
  })
</script>

</script>
</body>

</html>
